<template>
    <!-- v-if="$route.path !== '/search' && $route.path !== '/login' && $route.path !== '/pay' &&$route.path !== '/register'" -->
  <van-tabbar v-model="active" v-if="!$route.meta.hidden" active-color="#b5262d" route inactive-color="#778899">
    <van-tabbar-item replace to="/index" icon="wap-home-o">首页</van-tabbar-item>
    <van-tabbar-item replace to="/cate" icon="apps-o">分类</van-tabbar-item> 
    <van-tabbar-item replace to="/buy" icon="photo-o">值得买</van-tabbar-item>
    <van-tabbar-item replace to="/shopcart" icon="shopping-cart-o">购物车</van-tabbar-item> 
    <van-tabbar-item replace to="/center" icon="user-o">个人</van-tabbar-item> 
  </van-tabbar>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'TabBar'
})
</script>
<script lang="ts" setup>
import { ref } from 'vue'
const active = ref(0)
</script>

<style lang="less" scoped></style>
